﻿
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0014)about:internet -->
<html>
    <head>
        <meta content="Innovasys Document! X (http://www.innovasys.com)" name=GENERATOR>
        <!--DXMETADATA start type="MetaCharset" --><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"><!--DXMETADATA end-->
        <!--DXMETADATA start type="PageItemTitle" format="<title>Overview</title>" --><title>ChartHighLowSeriesStyle Object</title><!--DXMETADATA end-->
        <link href="stylesheets/axstylesheet.css" type=text/css rel=stylesheet>
        <script src="script/ax.js" type=text/javascript>
    </script>

    


<style>
html,div { margin: 0; padding: 0;}

body {
	padding: 0px;
	margin: 0px;
	overflow: auto;
	height: 100%;
}

#winchm_template_button{
	float: right;
	width: 93px;
	top: 7px;
	position: relative;
	text-align: right;
	right: 5px;
	height: auto;
}

#winchm_template_top{
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #9B9B9B;
	background-color: #B1CEFE;
}

#winchm_template_navigation{
	margin: 0px;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 3px;
	padding-right: 0px;
	font-size: 8.5pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #585858;
}

#winchm_template_title{
	margin: 0px;
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-right: 0px;
	font-size: 18px; 
	font-family: Verdana, Geneva, sans-serif;
	color: #363636;
}

#winchm_template_content{
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
	width: auto  !important;
	width: 100%;
}

#winchm_template_footer{
	border-width: 1px;
	border-color: #B1CEFE;
	border-top-style: solid;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
	padding-top: 7px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #696969;
	width: auto;
	text-align: left;
}


#winchm_template_container{
	margin: 0px;
	padding: 0px;
	position: static;
	padding-bottom: 3px;
	overflow: auto;
	background-color: #FFFFFF;
}


@media print
{
#winchm_template_container{
	position: static;	
	margin: 0px;
	padding: 5px;
	
	width: auto;
	height: auto;
	overflow: auto;
}
#winchm_template_button{
visibility:hidden;
}
}

#winchm_template_navigation A:link	{text-decoration: none; color:#004080}
#winchm_template_navigation A:visited  {text-decoration: none; color: #004080}
#winchm_template_navigation A:active {text-decoration: none; color: #004080 }
#winchm_template_navigation A:hover {text-decoration: none;color: #0080FF}

A:link	{text-decoration: underline; color:#0033CC}
A:visited  {text-decoration: underline; color: #0033CC}
A:active {text-decoration: underline; color: #0033CC }
A:hover {text-decoration: underline;color: #FF0000;}
</style>
<script type="text/javascript">
function isMobile(){
Agent = window.navigator.userAgent;
if (Agent.indexOf("iPhone")>=1 || Agent.indexOf("iPad")>=1 || Agent.indexOf("iPod")>=1 || Agent.indexOf("Android")>=1){
return true;
}else{
return false;	
}

}
function d_onresize(){
if (window.navigator.userAgent.indexOf("MSIE")>=1){
document.getElementById('winchm_template_container').style.pixelWidth = document.body.offsetWidth - 3;
document.getElementById('winchm_template_container').style.pixelHeight = document.body.offsetHeight - document.getElementById('winchm_template_top').offsetHeight - 4;
}
document.getElementById('winchm_template_container').style.top = document.getElementById('winchm_template_top').offsetHeight + 'px';
}

function d_onbeforeprint(){
document.getElementById('winchm_template_container').style.width = 'auto';
document.getElementById('winchm_template_container').style.height = 'auto';
}

function d_onafterprint(){
d_onresize();
}

if(!isMobile()){

window.onload = d_onresize;
window.onresize = d_onresize;
window.onbeforeprint = d_onbeforeprint;
window.onafterprint = d_onafterprint;

document.write("<style>\n");
document.write("body {overflow: hidden;}\n");
document.write("#winchm_template_container {position: absolute;overflow: auto;top : 0px;right: 0px;bottom: 0px;left: 0px;}\n");
document.write("</style>\n");
}

</script>
</head>
    <body><script language="JavaScript" type="text/JavaScript">
function syn(){
if(parent.nav.tree){
 if(parent.nav.tree.loaded){
  parent.nav.tree.selectNode(2815);
 }else{
  setTimeout("syn()",500);
}
  }else{
  setTimeout("syn()",500);
  }}
if(parent!=self){
  setTimeout("syn()",100);
}else{
  parent.location.href = "../index.htm?page=XtremeChartControl~ChartHighLowSeriesStyle.html";
}
originalOnload = window.onload;
if(originalOnload==null){
window.onload = function(){parent.contentLoaded = true;};
}else{
window.onload = function(){originalOnload();parent.contentLoaded = true;};
}
</script> 


<div id="winchm_template_top">
	<div id="winchm_template_button"><A href="XtremeChartControl~ChartHighLowSeriesStyle.html" title="Previous topic"><img id="winchm_template_prev" alt="Previous topic" src="template2/btn_prev_n.gif" border="0"></a><A href="XtremeChartControl~ChartHighLowSeriesStyle_members.html" title="Next topic"><img id="winchm_template_next" alt="Next topic" src="template2/btn_next_n.gif" border="0"></a></div>
	<div id="winchm_template_navigation">Help &gt; 
<A href="welcome_screen.htm">Codejock ActiveX Controls v15.3</A> &gt; <A href="XtremeChartControl_P.html">Xtreme Chart Pro</A> &gt; Objects &gt; <A href="XtremeChartControl~ChartHighLowSeriesStyle.html">ChartHighLowSeriesStyle Object</A> &gt; </div>
	<div id="winchm_template_title">Overview</div>
</div>
<div id="winchm_template_container">
	<div id="winchm_template_content"><div class=popupbubble id=dxseealsomenu><p id=dxseealsocontent><a href="#Bookmark2816">ChartHighLowSeriesStyle Members</a>
</p><!--DXMETADATA end --> 
        </div>
        <div id=pagetop>
            <div id=projectnamebanner>
                <table class=projectnametable cellspacing=0>
                    <tbody>
                        <tr>
                            <!--DXMETADATA start type="Literal" condition="childitems:itemtype=seealso" value="<td class='button'><a href='' id='seealsobutton' onclick='showSeeAlsoBox()'><img alt='See Also' border='0' src='axImages/seealso.gif' width=14 height=14></a></td>" --><td class='button'><a href='' id='seealsobutton' onclick='showSeeAlsoBox()'><img alt='See Also' border='0' src='axImages/seealso.gif' width=14 height=14></a></td><!--DXMETADATA end -->
                            <td>
                                <!--DXMETADATA start type="Phrase" Name="Product_Header" -->Xtreme Chart Pro ActiveX Control v15.3<!--DXMETADATA end --> 
                            </td>
                            <td align=right>
                                <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><!--DXMETADATA end -->
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div id=pagetitlebanner>
                <h1 class=dxh1>
                <!--DXMETADATA start type="PageItemTitle" -->ChartHighLowSeriesStyle Object<!--DXMETADATA end --></h1>
            </div>
        </div>
        <div id=pagebody valign="bottom">
            <!--DXMETADATA start type="IsNew" format="<script>document.all.pagebody.className = 'newTopic'</script>" --><!--DXMETADATA end --> 
            <!--DXMETADATA start type="Description" source="Item" format="<h4 class=dxh4>$$Description$$</h4><p>%%description%%</p>" --><h4 class=dxh4>Description</h4><p>Financial\Stock chart style.</p><!--DXMETADATA end --> 
            <!--DXMETADATA start type="Scrap" name="_MEMBERS_LINK" format="<p>%%scrap%%</p>" --><p>For a list of all members defined in this module, see <a href="#Bookmark2816">ChartHighLowSeriesStyle members</a>.</p><!--DXMETADATA end --> 
            <!--DXMETADATA start type="Diagram" source="item" format="<h4 class=dxh4>$$OBJECT_MODEL$$</h4><p>%%Diagram%%</p>" --><!--DXMETADATA end --> 
            <!--DXMETADATA start type="TaggedComment" source="Item" id="##MODULE_REMARKS" format="<h4 class=dxh4>$$Remarks$$</h4><p>%%comment%%</p>" --><h4 class=dxh4>Remarks</h4><p><P>A Stock (Bar)&nbsp;Chart used to display trends for financial data, generally stock market&nbsp;prices.&nbsp; A Stock\Bar chart is similar to a Candlestick chart, but is considered harder to read for stock market analyse.&nbsp; The&nbsp;stock\bar chart&nbsp;displays the&nbsp;high and low, open and close of data.&nbsp; Each "bar" represents the high, low, open and close of data for a given value.&nbsp; The relationship between these bars is important in determining trends among stock prices.&nbsp; The "open" and "close" values are displayed as "tick" marks on the side of the bar,&nbsp;the "high" is the tick mark on the right and the "low" is the tick mark on the left of the bar.&nbsp; Buying pressure is indicated with&nbsp;black bars, where the close is greater than the previous high. &nbsp;Selling pressure is indicated with&nbsp;red&nbsp;bars, where it's close value is lower than the previous close value.</P>
<P><IMG src="stockchart.png"></P></p><!--DXMETADATA end --> 
            <!--DXMETADATA start type="FilteredItemList" scrap="ITEM_LIST_WITH_HEADER" namespace="implemented interface" source="Item" filter="" format="<h4 class=dxh4>$$Interfaces$$</h4>%%filtereditemlist%%" --><!--DXMETADATA end --> 
            <!--DXMETADATA start type="TaggedComment" source="Item" id="##MODULE_EXAMPLEINTRO" format="<h4 class=dxh4>$$Example$$</h4><p>%%comment%%</p>" --><h4 class=dxh4>Example</h4><p><P>'HighLow series sample</P>
<P>&nbsp;&nbsp;&nbsp; ChartControl.Content.Titles.DeleteAll<BR>&nbsp;&nbsp;&nbsp; ChartControl.Content.Titles.Add "Historical Stock Prices"<BR>&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; Dim Series As ChartSeries<BR>&nbsp;&nbsp;&nbsp; Set Series = ChartControl.Content.Series.Add("Stock Series")<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2009-12-28", 30.89, 31.18, 31, 31.17<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2009-12-29", 31.23, 31.5, 31.35, 31.39<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2009-12-30", 30.8, 31.29, 31.15, 30.96<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2009-12-31", 30.48, 30.99, 30.98, 30.48<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-04", 30.59, 31.1, 30.62, 30.95<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-05", 30.64, 31.1, 30.85, 30.96<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-06", 30.52, 31.08, 30.88, 30.77<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-07", 30.19, 30.7, 30.63, 30.45<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-08", 30.24, 30.88, 30.28, 30.66<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-11", 30.12, 30.76, 30.71, 30.27<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-12", 29.91, 30.4, 30.15, 30.07<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-13", 30.01, 30.52, 30.26, 30.35<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-14", 30.26, 31.1, 30.31, 30.96<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-15", 30.71, 31.24, 31.08, 30.86<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-19", 30.68, 31.24, 30.75, 31.1<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-20", 30.31, 30.94, 30.81, 30.59<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-21", 30, 30.72, 30.61, 30.01<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-22", 28.84, 30.2, 30, 28.96<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-25", 29.1, 29.66, 29.24, 29.32<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-26", 29.09, 29.85, 29.2, 29.5<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-27", 29.02, 29.82, 29.35, 29.67<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-28", 28.89, 29.87, 29.84, 29.16<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-01-29", 27.66, 29.92, 29.9, 28.18<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-01", 27.92, 28.48, 28.39, 28.41<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-02", 28.14, 28.5, 28.37, 28.46<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-03", 28.12, 28.79, 28.26, 28.63<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-04", 27.81, 28.5, 28.38, 27.84<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-05", 27.57, 28.28, 28, 28.02<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-08", 27.57, 28.08, 28.01, 27.72<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-09", 27.75, 28.34, 27.97, 28.01<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-10", 27.84, 28.24, 28.03, 27.99<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-11", 27.7, 28.4, 27.93, 28.12<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-12", 27.58, 28.06, 27.81, 27.93<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-16", 28.02, 28.37, 28.13, 28.35<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-17", 28.36, 28.65, 28.53, 28.59<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-18", 28.51, 29.03, 28.59, 28.97<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-19", 28.69, 28.92, 28.79, 28.77<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-22", 28.65, 28.94, 28.84, 28.73<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-23", 28.09, 28.83, 28.68, 28.33<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-24", 28.38, 28.79, 28.52, 28.63<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-25", 28.02, 28.65, 28.27, 28.6<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-02-26", 28.51, 28.85, 28.65, 28.67<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-03-01", 28.53, 29.05, 28.77, 29.02<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-03-02", 28.24, 29.3, 29.08, 28.46<BR>&nbsp;&nbsp;&nbsp; Series.Points.Add4 "2010-03-03", 28.35, 28.61, 28.51, 28.46<BR>&nbsp;&nbsp;&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp; Series.ArgumentScaleType = xtpChartScaleDateTime</P>
<P>&nbsp;&nbsp;&nbsp; Dim StyleHL As <STRONG>ChartHighLowSeriesStyle</STRONG><BR>&nbsp;&nbsp;&nbsp; Set StyleHL = New <STRONG>ChartHighLowSeriesStyle</STRONG><BR>&nbsp;&nbsp;&nbsp; Set ChartControl.Content.Series(0).Style = StyleHL<BR>&nbsp;&nbsp;&nbsp; StyleHL.LineThickness = 2<BR>&nbsp;&nbsp;&nbsp; ChartControl.Content.Series(0).ArgumentScaleType = xtpChartScaleQualitative<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; Dim Diagram As ChartDiagram2D<BR>&nbsp;&nbsp;&nbsp; Set Diagram = ChartControl.Content.Series(0).Diagram<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; Diagram.AxisX.Label.Angle = 360 - 30<BR>&nbsp;&nbsp;&nbsp; Diagram.AxisX.Label.Antialiasing = True<BR>&nbsp;&nbsp;&nbsp; Diagram.AxisX.Label.Visible = False<BR>&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; Diagram.AxisY.Title = "US Dollars"<BR>&nbsp;&nbsp;&nbsp; Diagram.AxisY.Title.Visible = True<BR>&nbsp;&nbsp;&nbsp; Diagram.AxisY.Visible = True<BR>&nbsp;&nbsp;&nbsp; Diagram.AxisY.Range.ShowZeroLevel = False<BR>&nbsp;&nbsp;&nbsp; Diagram.AxisY.GridLines.MinorLineStyle.DashStyle = xtpChartDashStyleDashDot<BR>&nbsp;&nbsp;&nbsp; Diagram.AxisY.GridLines.MinorVisible = True</P></p><!--DXMETADATA end --> 
            <!--DXMETADATA start type="FilteredItemList" scrap="INLINE_EXAMPLE" namespace="Example" source="Item" filter="type=inline" NoHeader="True" NoFooter="True" format="<h4 class=dxh4>$$Example$$</h4>,format= %%%%filtereditemlist%%" --><!--DXMETADATA end --> 
            <!--DXMETADATA start type="FilteredItemList" scrap="MENU_LINK" namespace="seealso" source="Item" filter="" NoHeader="True" NoFooter="True" format="<h4 class=dxh4>$$See_Also$$</h4><p id=dxseealsocontent>%%filtereditemlist%%</p>" --><h4 class=dxh4>See Also</h4><p id=dxseealsocontent><a href="#Bookmark2816">ChartHighLowSeriesStyle Members</a>
</p><!--DXMETADATA end --><!--DXMETADATA start type="FilteredItemList" scrap="MENU_LINK" namespace="example" source="Item" filter="type=linked" NoHeader="True" NoFooter="True" format="><!--DXMETADATA end --><!--DXMETADATA start type="Variable" name="CopyrightNotice" format="><!--DXMETADATA end --></div></div>	
	<div id="winchm_template_footer">Copyright &copy; 2018. All rights 
reserved. (To change the copyright info, just edit it in template.)</div>
</div>

</body>
</html>

